Express yourself layout

Designer's Comments

Look carefully for specific instructions

This is my first div on here.
I originally made this just for me but some people might like it so
enjoy :D!

oh & Since a lot of the comments are talking about how the setup is bad well I just made it for myself in the beginning and I liked it I didn't know other people would be so bothered by it :/

Using This Layout

For specific instructions read designer's comments

This is a div overlay layout, html knowledge required!
1. Log into myspace.com
2. Click on Edit Profile (Profile 1.0)
3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Update Friend ID

Input Friend ID to automagically update code

Layout Code

Copy and paste to About Me

Help

<p><a href="http://www.createblog.com/myspace-layouts/" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p></p><style>td td embed, td td object{position:absolute; left:670px; top:60px; width:0px; height:0px;}
td.text embed {width:195px; height:35px;}
td.text embed, td.text object {width:195px; height:35px;}</style>

.comt {width:0px; height:0px; overflow-x:hidden; overflow: hidden; z-index:1;
background-color:ffffff; 
background-image: url();
background-repeat;no-repeat;
background-attachment;fixed; border:0px solid; border-color:d3f6ae; position:absolute; top:769px; left:239px; margin-left:0px; margin-bottom: 3px; }

.blacktext10 {width: 217px;}

.comt td td td a img {width:70px; max-width:260px; _width:70px !important;}

.comt td td td, .comt td td td b {font-family: Tahoma; font-size: 10px; color:000000;}
JB{Displaying XX of XX comments View Edit All Comments}
.comt td b, .comt td b a, .redtext {font-family: Tahoma; font-size: 10px; color:000000;}
.comt td b a:hover {font:bold 10px tahoma; color:000000;}

.comt td td td img {width:200px; max-width:200px; _width:200px !important;}

table table,table table table table,table table {
background-color:transparent;
width:270px;
border:0px;
padding-bottom: 0px;
}

div,table,tr,td,th {
background-color:transparent;
text-align:left;
border:0px;
}

a.navbar,font,.whitetext12,.btext,.orangetext15,.blacktext12,.lightbluetext8,strong,.blacktext10,.nametext,div b font font, div font font u,table table table

table, table table table table td.text, td.text td.text table,table.contacttable {
visibility:hidden;
}

td.text table table {
display:inline; 
visibility:visible;
}
a:img
{
cursor: hand; 
}

a:active, a:visited, a:link {
cursor: hand; 
font-family: Tahoma; 
color:dde674; 
font-size:10px;
font-weight: normal; 
text-decoration:;
}

a:hover { 
padding:0px;
font-family: Tahoma; 
color:FFFFFF; 
line-height:px;
text-align:center;
color: FFFFFF!important;
background-color:;
font-size:10px;
text-transform:flip-horizontal;
text-decoration:flip-horizontal; 
cursor: crosshair; 
}

div {
scrollbar-face-color:9eb279;
scrollbar-arrow-color:000000;
scrollbar-highlight-color:ddf3a5; scrollbar-shadow-color:ddf3a5;
scrollbar-3dlight-color:000000;
scrollbar-darkshadow-color:000000;
scrollbar-track-color:ffffff; 
filter:chroma(color=faffc4);
overflow-x: hidden;
overflow: auto;
font-family: verdana; 
color:000000; 
font-size:10px;
}

.layoutbg {
position:absolute; 
left:0px; 
top:120px; 
overflow:hidden;
width: 1415px;
height: 777px;
visibility:visible;
}

.header{
position:absolute; 
left:437px; 
top:104px; 
overflow:hidden;
width: 347px;
height: 224px;
visibility:visible;
}
.photos{
position:absolute;
left:224px;
top:135px;
width:217px;
height:14px;
z-index: 1;
}
.contact {
position:absolute;
left:224px;
top:260px;
width:217px;
height:14px;
z-index: 1;
}
.commentme {
position:absolute;
left:224px;
top:335px;
width:217px;
height:14px;
z-index: 1;
}

.whatever{
position:absolute;
left:372px;
top:593px;
width:227px;
height:160px;
z-index: 1;
overflow: auto;
overflow-x:hidden;
padding-top:8px; padding-bottom:8px;
}

.friends{
position:absolute;
left:224px;
top:585px;
width:217px;
height:14px;
z-index: 1;
}
a img {border: 0px;}
.navimg a img {
width: 181px; 
height: 40px; 
background-position: top left; 
background-repeat: no-repeat; 
background-color: white;
}

</style>

</style><style type="text/css">
div table td font { display: none }
div div table tr td a.navbar, div div table tr td font { display: none }
</style></div>

Layout Code

Copy and paste to I'd Like to Meet

Help

<a class="active" href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" class="navi"><BIG>
<span style="color : #dde674;"><BIG>home</span></BIG></BIG></a>
<br>
<a href="ADD LINK HERE"><BIG>
<span style="color : #dde674;"><BIG>add</span></BIG></a>
<br>
<a href="PHOTOS LINK HERE"><BIG>
<span style="color : #dde674;"><BIG>photos</span></BIG></a>
<br>
<a href="MESSAGE LINK HERE"><BIG>
<span style="color : #dde674;"><BIG>message</span></BIG></a><br>

<a href="COMMENT LINK HERE"><BIG>
<span style="color : #dde674;"><BIG>comment</span></BIG></a><br>

<a href="FRIENDS LINK HERE"><BIG>
<span style="color : #dde674;"><BIG>friends</span></BIG></a><br>
</div>

Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here. Put your about me here.

</div>

<div

class="topfriends" style="position: absolute; top:860px; left:230px; width:172px; height:533px;border:; font-family: Tahoma; font-size: 10px; color:000000; overflow: auto;">

<marquee scrollamount="5">  
<B<BIG>No Order :]: </BIG></B>
<a href="FRIEND 1 LINK HERE"><BIG><BIG><B>Friend 1  </BIG></BIG></a>

<a href="FRIEND 2 LINK HERE"><BIG><BIG><B>Friend 2  </BIG></BIG></a>

<a href="FRIEND 3 LINK HERE"><BIG><BIG><B>Friend 3  </BIG></BIG></a>

<a href="FRIEND 4 LINK HERE"><BIG><BIG><B>Friend 4  </BIG></BIG></a>

<a href="FRIEND 5 LINK HERE"><BIG><BIG><B>Friend 5  </BIG></BIG></a>

<a href="FRIEND 6 LINK HERE"><BIG><BIG><B>Friend 6  </BIG></BIG></a>

<a 
href="FRIEND 7 LINK HERE"><BIG><BIG><B>Friend 7  </BIG></BIG></a>

<a 
href="FRIEND 8 LINK HERE"><BIG><BIG><B>Friend 8 </BIG></BIG></a>

</marquee>

</div>

</div>
<div

class="other" style="position: absolute; top:930px; left:230px; width:180px; height:76px;

Anything else you feel like putting on your page goes here.Anything else you feel like putting on your page goes here.

</div>

<marquee direction=left>
<BIG><BIG><BIG>Photos =)</BIG></BIG></BIG>
</marquee>
</div>

</td></tr></table></td></tr></table>
<div class="comt"><table class="off"><tr><td><table><tr><td>

Layout Comments

Showing latest 10 of 19 comments

I love the green colors you used in this. btw, what font did you use, it's totally cute [:

By Gossip on Jun 11, 2008 5:12 pm

doesn't work in firefox. = /

By ahleee on Dec 15, 2007 7:21 am

nvm i get it

By KingJoe on Dec 9, 2007 2:53 am

i dont get the friends thing!!

By KingJoe on Dec 9, 2007 2:16 am

i really really like this but idk how to do the links to "ADD" and "MESSAGE"
:(

By brittXbalistic on Dec 6, 2007 5:16 pm

I like the colors. =)

By NICKAWHAT on Dec 2, 2007 8:31 pm

you really didnt explain anyhthin bout the layout so where we put our i.d. number or anything

By girlfromla on Nov 20, 2007 6:34 pm

messed up in firefox.

By evannxmcrr on Nov 19, 2007 1:24 pm

The banner image is great!

By Amaranthus on Nov 19, 2007 11:11 am

how do you change the div names for best friends, other, and pictures?

By hoemuffindebbie on Nov 18, 2007 11:38 pm

View all »

Layout Details

Designer	ohshizzproductions
Submitted on	Nov 18, 2007
Page views	38,704
Favorites	248
Comments	19
Reviewer	IVIike
Approved on	Nov 18, 2007

Express yourself layout

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates